.carousel-wrap {
  position: relative;
}
.carousel-wrap > .list {
  list-style: none;
  overflow: hidden;
  position: absolute;
}
.carousel-wrap > .list > li {
  float: left;
  overflow: hidden;
}
.carousel-wrap > .list > li > a {
  display: block;
}
.carousel-wrap > .list > li > a > img {
  display: block;
  width: 100%;
}
.carousel-wrap > .points-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.carousel-wrap > .points-wrap > span {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  margin-left: 5px;
}
.carousel-wrap > .points-wrap > span.active {
  background: #fff;
}
